<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>zui手机端样式</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <link rel="stylesheet" href="css/zui.css" />
    <link rel="stylesheet" href="plus/zui.mobile.css" />
</head>
	<body>
		<!--标题-->
		<header class="m-fixed m-header ">
				<a href="#" class="pull-right">登入</a>
				<a href="#" class="icon icon-chevron-left pull-left"></a>
				<h1 class="m-title">手机框架</h1>
		</header>
		<!--tab-->
		<nav class="m-fixed m-tab clearfix">
			<a>
				<i class="icon icon-home center-block"></i>
				首页
			</a>
			<a href="#page" data-toggle='page'>
				<i class="icon icon-home center-block"></i>
				首页
			</a>
			<a>
				<i class="icon icon-home center-block"></i>
				首页
			</a>
			<a>
				<i class="icon icon-home center-block"></i>
				首页
			</a>
		</nav>
		<section class="m-content" style="height: 100px;">
			
		</section>
		<section class="m-page" id="page">
			<header class="m-header">
				<a href="#" class="pull-right">登入</a>
				<a href="#page" data-toggle='page' class="icon icon-chevron-left pull-left"></a>
				<h1 class="m-title">手机框架</h1>
			</header>
		</section>
	
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="js/zui.js"></script>
<script type="text/javascript" src="plus/common.js"></script>
</body>
</html>
